import {Modal, ModalBody, ModalContent, ModalHeader} from "@nextui-org/react";
import AuthPage from "@/app/components/auth/authPgae";
import React from "react";
import Share from "@/app/pages/share/Share";
import {BrowserRouter as Router} from 'react-router-dom';

export default function ShareComponents({isOpenShare, onOpenChangeShare}: any) {
    return (
        <>
            <Modal backdrop={"blur"} isOpen={isOpenShare} onOpenChange={onOpenChangeShare} placement={"center"}
                   size={"5xl"}>
                <ModalContent>
                    {onClose => (
                        <>
                            {/*头部*/}
                            <ModalHeader className={"flex flex-col gap-1 font-extrabold"}>我分享的笔记 🍧</ModalHeader>
                            {/*内容*/}
                            <ModalBody className={'mb-4'}>
                                <Router>
                                    <Share/>
                                </Router>
                            </ModalBody>
                        </>
                    )}
                </ModalContent>l
            </Modal></>
    )
}